<template>
	<!-- 订单页 -->
	<view>
		<nav_bar title='订单'></nav_bar>
		<view style="height: 56px;"></view>
		<div>
			<view style="font-size: 18px;">您当前的订单为：</view>
			<table>
				<tr style="font-size: 16px;">
					<th>订单号</th>
					<th>总价格</th>
					<th>购买人</th>
					<th>操作</th>
				</tr>
				<tr style="font-size: 16px;">
					<td>1411</td>
					<td>10</td>
					<td>武瑞祥</td>
					<td style="display: flex;">
						<u-button type="primary" text="查看详情"></u-button>
						<u-button type="primary" text="评价" style="background-color:#D9534F;border: none;"></u-button>
					</td>
				</tr>
				<tr style="font-size: 16px;">
					<td>5185</td>
					<td>15</td>
					<td>王浩天</td>
					<td style="display: flex;">
						<u-button type="primary" text="查看详情"></u-button>
						<u-button type="primary" text="评价" style="background-color:#D9534F;border: none;"></u-button>
					</td>
				</tr>
			</table>
			<div style="background-color: #eee;">
				<dl style="display: flex;margin: 10px;">
					<dt style="margin: 10px;"><img src="https://img0.baidu.com/it/u=3853377816,4275075969&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?fc60a796fc3d3182b269ca702.jpg" alt="" 
					style="width: 50px;height: 50px;"
					/></dt>
					<dd style="margin: 10px;">
						<p style="font-size: 16px;">猪肉刀削面</p>
						<view>
							数量：0
						</view>
					</dd>
				</dl>
				<dl style="display: flex;margin: 10px;">
					<dt style="margin: 10px;"><img src="https://img0.baidu.com/it/u=3853377816,4275075969&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?fc60a796fc3d3182b269ca702.jpg" alt="" 
					style="width: 50px;height: 50px;"
					/></dt>
					<dd style="margin: 10px;">
						<p style="font-size: 16px;">猪肉刀削面</p>
						<view>
							数量：0
						</view>
					</dd>
				</dl>
			</div>
		</div>
		<view @click="headleClearing">结算</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list2: [{
					name: '全部订单'
				}, {
					name: '待评论',
					badge: {
						isDot: true
					}
				}, {
					name: '退款/售后',
					badge: {
						value: 5,
					}
				}]
			}
		},
		methods: {
			headleClearing() {
				uni.navigateTo({
					url: '/pages/clearing/clearing'
				})
			}
		}
	}
</script>